<!-- 我的参数 -->

<template>
  <WebShow :one="param">
    <EasyRow col3>
      <FormSelect
        label="设备类别"
        bind="deviceCategoryId"
        :dict="categoryDict"
        :labelWidth="80"
        :disabled="info.disableType || info.disableCategory"
        @change="toChange"
      />

      <FormSelect
        label="设备类型"
        bind="deviceTypeId"
        :dict="typeDict"
        :labelWidth="80"
        :disabled="info.disableType"
        @change="toChange"
      />
    </EasyRow>
  </WebShow>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import MySearch from '@admin/views/System/IOT/IOTList/MySearch'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyParam',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixInfo(), CORE.mixWeb()],

  /**
   * 计算属性 (慎用箭头函数)
   */
  computed: MySearch.computed,

  /**
   * 本地方法 (轻量重要在前)
   */
  methods: {
    /**
     * 点击切换
     */
    toChange() {
      this.$emit('change')
    },
  },
}
</script>
